$(function() {
    var baselineWidth=0,//当前li左边距总和
        msuiMenuLiWith=0,//每个li宽度的总和
        _li_width=0,//当前li的宽度
        _li_width_count=0,//当前li右边距总和
        msuiMenuLiWithList=[];//每个li的宽度组成的数组
    start();
    /*订单分类*/

    $('.js-menu').on('click',"li", function () {
        $(".js-list").html('');
        var dataTab = $(this).attr('data-tab');
        var that = $(this);
        var baseline=0;
        for (var i=0;i<dataTab;i++){
            baseline+=msuiMenuLiWithList[i];
        }
        $(".weui-baseline").animate({marginLeft:baseline}).css('width',msuiMenuLiWithList[dataTab]-20+'px');
        $(that).children().addClass('msui_tabMenu-active');
        that.siblings().children().removeClass('msui_tabMenu-active');
        $('.js-list').each(function () {
            $(this).css('display', 'none');
            if ($(this).attr('dataOrder') == $(that).attr('dataTab')) {
                $(this).show(400);
            }
        })
    });
    function start() {
        $('.msui_menu-li').each(function () {
            var t=parseFloat($(this).css('width'))
            msuiMenuLiWith+=t;
            msuiMenuLiWithList.push(t);
        })
        $('.msui_menu-bd').css('width',msuiMenuLiWith+2);
        var t=$(".msui_tabMenu-active")
        var count=t.parent().attr('data-tab');
        for (var i=0;i<count;i++){
            baselineWidth+=msuiMenuLiWithList[i];
        }
        _li_width=msuiMenuLiWithList[count];
        for (var i=0;i<=count;i++){
            _li_width_count+=msuiMenuLiWithList[i];
        }
        $(".weui-baseline").animate({marginLeft:baselineWidth}).css('width',msuiMenuLiWithList[count]-20+'px');

    }
    var _w_width = $(window).width();//当前屏幕宽度
    if (_w_width - msuiMenuLiWith < _li_width) {//假如当前li的总和大于屏幕宽度
        $(".msui_menu-mask").scrollLeft(_li_width_4-_w_width);
    }
});